#doctorList {
	@include flexbox();
	@include flex-direction(column);
	height: 100%;
	background: rgba(246,246,246,1);
	header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
		i {
			width: 30px;
			background: url(image/icon_return.png) no-repeat center;
			background-size: 100%;
		}
		div {
			@include flex();
			text-align: center;
			font-size: 18px;
			margin-right: 30px;
		}

	}
	&>div {
		@include flex();
		width: 100%;
		overflow-y: scroll;
		color: rgba(51,51,51,1);
		padding: 0 15px;
		background: rgba(230,56,52,1);
		.vipType {
			@include flexbox();
			padding-top: 110px;
			height: 330px;
			background: url(image/pic_top_yayibang@2x.png) no-repeat;
			background-size: 100%;
			&>div {
				@include flex();
				@include flexbox();
				@include flex-direction(column);
				padding: 6px 5px 0px;
				background: rgba(255,255,255,.14) url(image/bg_vip_huiyuan@2x.png) no-repeat;
				background-size: 25px;
				&:nth-of-type(2) {
					margin: 0 10px;
				}
				&>div {
					@include flex();
					width: 100%;
					background: #fff;
					font-size: 12px;
					padding: 8px 5px 8px 7px;
					h5 {
						font-size: 13px;
						text-align: center;
						color: rgba(58,45,102,1);
						padding-bottom: 3px;
					}
					p {
						overflow:hidden;
						text-overflow: ellipsis;
						display:-webkit-box;
						-webkit-box-orient:vertical;
						-webkit-line-clamp: 7;
					}
				}
				&>a {
					display: block;
					width: 62px;
					height: 20px;
					line-height: 20px;
					text-align: center;
					font-size: 13px;
					background: rgba(254,199,43,1);
					border-radius: 7px;
					margin: 10px auto;
				}
			}
		}
		.bg {
			width: 100%;
			height: 508px;
			background: rgba(230,56,52,1) url(image/bg_neirong_vip@2x.png) no-repeat;
			background-size: 100% 100%;
			color: rgba(51,51,51,1);
			margin-top:10px;
			position: relative;
			.tit {
				color: rgba(51,51,51,1);
				padding: 40px 13px 15px 34px;
				h3 {
					font-size: 14px;
				}
				p {
					font-size: 12px;
					overflow:hidden;
					text-overflow: ellipsis;
					display:-webkit-box;
					-webkit-box-orient:vertical;
					-webkit-line-clamp: 2;
				}
			}
			div.list {
				font-size: 10px;
				color: rgba(51,51,51,1);
				padding: 15px 13px 0 15px;
				&>h3 {
					font-size: 12px;
					padding-left: 19px;
					padding-bottom: 2px;
				}
				.tite {
					@include flexbox();
					color: rgba(51,51,51,1);
					padding: 0 10px 10px 18px;
					font-size: 11px;
					h4 {
						@include flex();
						text-align: center;
						font-size: 11px;
					}
					h3 {
						@include flex(2);
						text-align: center;
						font-size: 11px;
					}
					h5 {
						font-size: 11px;
					}
				}
				ul {
					padding: 0 10px;
					li {
						color: rgba(102,102,102,1);
						font-size: 10px;
						line-height: 20px;
						@include flexbox();
						padding-bottom: 2px;
						span {
							@include flex();
							text-align: center;
						}
						span.it {
							@include flex(2);
							text-align: center;
						}
						.vipLevel {
							font-size: 7px;
							font-family: Arial;
							color: rgba(91,38,18,1);
							background: url(image/bg_vip@2x.png) no-repeat center;
							background-size: 23px;

						}
					}
				}
			}
			.btn {
				position: absolute;
				width: 160px;
				bottom: 30px;
				left: 50%;
				transform: translateX(-50%);
				@include flexbox();
				@include justify-content(space-between);
				a {
					display: inline-block;
					width: 72px;
					height: 23px;
					line-height:23px;
					font-size: 12px;
					background: rgba(254,199,43,1);
					text-align: center;
					border-radius: 10px;
				}
			}
		}
	}
}